<template>
    <div class="container">
      <Category title="游戏">
        <template scope="game">
        <ul>
          <li v-for="(g,index) in game.games" :key="index">
            {{g}}
          </li>
        </ul>
        </template>
      </Category>
      <Category title="游戏">
        <template scope="game">
          <ol>
            <li v-for="(g,index) in game.games" :key="index">
              {{g}}
            </li>
          </ol>
        </template>
      </Category>
      <Category title="游戏">
        <template scope="game">
          <h4 v-for="(g,index) in game.games" :key="index">{{g}}</h4>
        </template>
      </Category>
    </div>
</template>
<script>
import Category from "@/components/day13 插槽/02/Category";
export default {
  name:'App',
  components: {Category},

}
</script>
<style>
.container{
  display: flex;
  justify-content: space-around;
}
img{
  width: 100%;
}
video{
  width: 100%;
}
.foot{
  display: flex;
  justify-content: space-around;
}
h4{
  text-align: center;
}
</style>